prolly the last update to dramalama.

1 files changed, 38 insertions, 13 deletions

diff --git a/src/app/manga/[title]/[id]/info.module.css b/src/app/manga/[title]/[id]/info.module.css
index 96635e3..b827249 100644
--- a/src/app/manga/[title]/[id]/info.module.css
+++ b/src/app/manga/[title]/[id]/info.module.css
@@ -1,3 +1,7 @@
+.MangaInfoContainer {
+	margin: 70px auto;
+}
+
 .MangaHero {
 	display: flex;
 	flex-direction: column;
@@ -28,31 +32,53 @@
 .MangaDescription {
 	color: white;
 	font-family: "Atkinson Hyperlegible";
-	text-align: center;
+	max-width: 98%;
+	margin: -10px auto;
 }
 
-.MangaDescription span {
-	margin: 10px;
-	color: var(--soft-purple);
+.Description h2 {
+	font-family: "Poppins";
+	color: gray;
 }
 
-.MangaRatings {
-	display: flex;
-	justify-content: center;
+.Description p {
 	margin-top: -10px;
 }
 
-.MangaRatings span {
-	margin-right: 2px;
-	margin-left: 2px;
-	color: var(--light-green);
+.GenreContainer {
+	margin-top: 5px;
+	display: flex;
+	align-items: center;
+}
+
+.GenreText {
+	color: var(--neon-green);
+}
+
+.genres {
+	display: flex;
+	align-items: center;
+	overflow-x: auto;
 }
 
 .MangaGenre {
 	background-color: #5f5f5f5d;
-	padding: 2px;
 	border-radius: 5px;
+	padding: 2px 5px;
 	cursor: pointer;
+	margin: 2px;
+}
+
+.MangaRatings {
+	display: flex;
+	margin: 5px 0px 10px 0px;
+	/* justify-content: center; */
+}
+
+.MangaRatings span {
+	margin-right: 2px;
+	margin-left: 2px;
+	color: var(--light-green);
 }
 
 .Character {
@@ -70,7 +96,6 @@
 	border-radius: 5px;
 }
 
-
 .CharacterEntry {
 	display: flex;
 	flex-direction: column;